<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.aaa{
				width: 200px;
				height: 200px;
				border: 1px red solid;
				margin: auto;
				background: url(../背景/2.png) no-repeat center;
				background-size: 200px;
				
				transition:all 0.6s;
			}
			.aaa:hover{
				background-size: 250px
			}
			
			.bbb{
				outline: 1px solid red;
				background: orange;
				display: inline-block;
				overflow: hidden;
			}
			.bbb-img{
				display: block;
				outline: 1px solid #ccc;
				transition: transform 1s;
			}
			.bbb-img:hover{
				transform: scale(1.4);  
			}
			
		</style>
	</head>
	<body>
		<!-- <div class="aaa"></div> -->
		<span class="bbb">
			<img class="bbb-img" src="../canvas图片/01/img/0.png" alt="">
		</span>
	</body>
</html>
